<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
  
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<!DOCTYPE html">
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<!-- JqueryUI -->
<link rel="stylesheet" type="text/css" href="./css/jquery-ui.css">
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css" href="./css/bootstrap.min.css">
<!-- Awesome font icons -->
<link rel="stylesheet" type="text/css" href="./css/font-awesome.min.css" media="screen">
<!-- Owlcoursel -->
<link rel="stylesheet" type="text/css" href="./css/owl-coursel/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="./css/owl-coursel/owl.transitions.css">
<!-- Magnific-popup -->
<link rel="stylesheet" type="text/css" href="./css/magnific-popup/magnific-popup.css">
<!-- Style -->
<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen">
<!-- Fw -->
<link rel="stylesheet" type="text/css" href="./css/fw.css" media="screen">

<!-- jQuery -->
<script src="./js/jquery/jquery-2.2.4.min.js"></script>
<!-- JqueryUI -->
<script src="./js/jquery/jquery-ui.js"></script>
<!-- Bootstrap -->
<script src="./js/bootstrap/bootstrap.min.js"></script>
<!-- Owl-coursel -->
<script src="./js/owl-coursel/owl.carousel.js"></script>
<!-- Magnific-popup -->
<script src="./js/magnific-popup/jquery.magnific-popup.min.js"></script>
<!-- Script -->
<script src="./js/script.js"></script>
</head>
<body class="bg-m">

 

<div class="preloader">
	<i class="fa fa-spinner"></i>
</div>
<header>
	<div class="container">
		<div class="row top-header">
			<div class="col-sm-3 text-left">
				<a href="#" class="logo">
					<img src="./images/logo.png" alt="logo">
				</a>
			</div>				
			<div class="col-sm-9">
				<ul class="top-link pull-right">
					<li class="hidden-xs"><a href="">Wishlist</a></li>
					<li class="hidden-xs"><a href="#">Compare</a></li>
					<li class="hidden-xs"><a href="product_checkout.html">Checkout</a></li>
					<li class="dropdown hidden-xs">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" id="dropdownMenu1" aria-haspopup="true" aria-expanded="false">My Account <span class="caret"></span></a>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
							<li><a href="login.jsp">Login</a></li>
							<li><a href="register.jsp">Register</a></li>
							<li><a href="#">Log out</a></li>
						</ul>
					</li>
					<li class="pull-right">
						<div class="cart dropdown">
							<a href="#" class="cart-item dropdown-toggle" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<span>2</span><i class="fa fa-cart-plus"></i>
							</a>
							<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">
								<li>
									<div class="media">
										<div class="media-left">
											<a href="#">
												<img class="media-object" src="./images/9.jpg" width="50" alt="...">
											</a>
										</div>
										<div class="media-body">
											<h4 class="product-name">Strawberry</h4>
											<p>$15.0<span> x 3</span> <i class="fa fa-remove"></i></p>
										</div>
									</div>
								</li>
								<li>
									<div class="media">
										<div class="media-left">
											<a href="#">
												<img class="media-object" src="./images/8.jpg" width="50" alt="...">
											</a>
										</div>
										<div class="media-body">
											<h4 class="product-name">Red bell pepper</h4>
											<p>$15.0<span> x 3</span> <i class="fa fa-remove"></i></p>
										</div>
									</div>
								</li>
								<li class="table-div">
									<ul class="table-content">
										<li class="row m-0">
											<div class="col col-xs-6">
												<strong>Total:</strong>
											</div>
											<div class="col col-xs-6 color-3 f-bold">
												$90.00
											</div>
										</li>
									</ul>
								</li>
								<li>
									<p>
										<a href="#" class="btn ht-btn bg-3">Checkout</a>
										<a href="#" class="btn ht-btn bg-6">Cart</a>
									</p>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<div class="container">
		<div class="bg-mn color-inher">
			<div class="row m-0">
				<div class="col-sm-1 col-md-1 col-lg-2 p-0">
					<div class="dropdown category-bar">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">
							<i class="fa fa-bars"></i><span>Categories</span>
						</a>
						<!-- <ul class="dropdown-menu display-block hidden-xs">
							<li><a href="#"><span><img src="./images/25.jpg" width="50" alt="image"></span>Vegetables</a></li>
							<li><a href="#"><span><img src="./images/18.jpg" width="50" alt="image"></span>Broccoli</a></li>
							<li><a href="#"><span><img src="./images/16.jpg" width="50" alt="image"></span>Cabbage</a></li>
							<li><a href="#"><span><img src="./images/22.jpg" width="50" alt="image"></span>Bean</a></li>
							<li><a href="#"><span><img src="./images/21.jpg" width="50" alt="image"></span>Heirloom</a></li>
							<li><a href="#"><span><img src="./images/20.jpg" width="50" alt="image"></span>Fruit</a></li>
						</ul> -->
					</div>
				</div>
				<div class="col-sm-8 col-md-8 col-lg-7 p-0">
					<div class="main-menu">
						<nav class="navbar navbar-default menu">
							<div class="navbar-header">
								<button type="button" class="navbar-toggle collapsed m-r-xs-15" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
									<span class="sr-only">Toggle navigation</span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
									<span class="icon-bar"></span>
								</button>
							</div>
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
								<ul class="nav navbar-nav"> 
									<li><a href="home.jsp">Home</a></li>
									<li><a href="about.jsp">About</a></li>
									<li><a href="login.jsp">Login</a></li>
									<li><a href="register.jsp">Register</a></li>
									<li><a href="#">Contact us</a></li>
								</ul>
							</div>
						</nav>
					</div>
				</div>	
				<div class="col-sm-3 col-md-3 col-lg-3 p-0">
					<div class="search-box m-l-xs-15 m-r-xs-15">
						<input type="text" class="form-item" placeholder="Search...">
						<button type="submit" class="fa fa-search"></button>
					</div>
				</div>
			</div>
		</div>
	</div>
</header>
<!-- Banner -->

<!-- Product tabs -->
<div>
	<div class="container text-center m-t-30">
		<h3 class="title f-30">Our Product</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>	
		<div class="ht-tabs ht-tabs-product text-center">
			<!-- Nav tabs -->
			<ul class="nav nav-tabs m-b-20" role="tablist">
			<!-- AllFoodTypes 食品信息 -->
			<li role="presentation" class="active">
					<a href="show" aria-controls="tab-description" role="tab" data-toggle="tab">
						<p><img src="./images/foodtype/all.jpg" alt="image"></p> 所有</a>
				</li>
			<c:forEach items="${AllFoodTypes }" var="foodType">
				<li role="presentation" class="active">
					<a href="#tab-description" aria-controls="tab-description" role="tab" data-toggle="tab">
						<p><img src="./images/foodtype/${foodType.name }.jpg"+ alt="image"></p> ${foodType.name }</a>
				</li>
			</c:forEach>
			
			</ul>
			<!-- Tab panes -->
			<div class="tab-content">
				<div role="tabpanel" class="tab-pane active" id="tab-description">
					
					
					<!-- 在这里添加单家信息  -->
					<div class="row" id="merchantsInfo">
						<c:forEach items="${AllMerchantsInfo }" var="merchant">
							<!-- 商家1 -->
							<div class="col-sm-6 col-md-4 col-lg-3">
								<!-- Product item -->
								<div class="product-item">
									<!-- 替换超链接 -->
									<a href="showFoodByUname?uname=${merchant.uname }">
										<img src=${merchant.headImg } alt="商家头像无法显示哦" /> <!-- 放图片 -->
									</a>
									<div class="product-caption">
										<h4 class="product-name">
											<a href=>${merchant.uname }</a>
										</h4>
										<div class="product-price-group">
											<span class="product-price"></span>
										</div>
										<div class="ht-btn-group">
											<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a> <!-- 用于后期拓展 -->
											<a href="showFoodByUname?uname=${merchant.uname }">${merchant.address }</a>
											<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
										</div>
									</div>
								</div>
							</div>
							
						
						
						
						</c:forEach>
					
						
						
					<!-- 	<!-- 商家2 -->
						<div class="col-sm-6 col-md-4 col-lg-3">
							Product item
							<div class="product-item border-green">
								<a href="product_detail.html">
									<img src="./images/20.jpg" alt="image">
								</a>
								<div class="product-caption">
									<h4 class="product-name">
										<a href="#">北京王牌烤鸭店</a>
									</h4>
									<div class="product-price-group">
										<span class="product-price">$64.00</span>
									</div>
									<div class="ht-btn-group">
										<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
										<a href="#">Add to cart</a>
										<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
									</div>
								</div>
							</div>
						</div>
						
		<!-- 				商家 3
						<div class="col-sm-6 col-md-4 col-lg-3">
							Product item
							<div class="product-item">
								<a href="product_detail.html">
									<img src="./images/14.jpg" alt="image">
								</a>
								<div class="product-caption">
									<h4 class="product-name">
										<a href="#">Pineapple</a>
									</h4>
									<div class="product-price-group">
										<span class="product-price">$64.00</span>
									</div>
									<div class="ht-btn-group">
										<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
										<a href="#">Add to cart</a>
										<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
									</div>
								</div>
							</div>
						</div>
						
						
						
						<div class="col-sm-6 col-md-4 col-lg-3">
							Product item
							<div class="product-item">
								<a href="product_detail.html">
									<img src="./images/13.jpg" alt="image">
								</a>
								<div class="product-caption">
									<h4 class="product-name">
										<a href="#">Defiant tomato</a>
									</h4>
									<div class="product-price-group">
										<span class="product-price">$64.00</span>
									</div>
									<div class="ht-btn-group">
										<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
										<a href="#">Add to cart</a>
										<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
									</div>
								</div>
							</div>
						</div>
						
						
						<div class="col-sm-6 col-md-4 col-lg-3">
							Product item
							<div class="product-item">
								<a href="product_detail.html">
									<img src="./images/12.jpg" alt="image">
								</a>
								<div class="product-caption">
									<h4 class="product-name">
										<a href="#">Pear</a>
									</h4>
									<div class="product-price-group">
										<span class="product-price">$64.00</span>
									</div>
									<div class="ht-btn-group">
										<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
										<a href="#">Add to cart</a>
										<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
									</div>
								</div>
							</div>
						</div>
						
						
						<div class="col-sm-6 col-md-4 col-lg-3">
							Product item
							<div class="product-item">
								<a href="product_detail.html">
									<img src="./images/25.jpg" alt="image">
								</a>
								<div class="product-caption">
									<h4 class="product-name">
										<a href="#">Corn</a>
									</h4>
									<div class="product-price-group">
										<span class="product-price">$64.00</span>
									</div>
									<div class="ht-btn-group">
										<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
										<a href="#">Add to cart</a>
										<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
									</div>
								</div>
							</div>
						</div>
						
						
						<div class="col-sm-6 col-md-4 col-lg-3">
							Product item
							<div class="product-item">
								<a href="product_detail.html">
									<img src="./images/7.jpg" alt="image">
								</a>
								<div class="product-caption">
									<h4 class="product-name">
										<a href="#">lemon</a>
									</h4>
									<div class="product-price-group">
										<span class="product-price">$64.00</span>
									</div>
									<div class="ht-btn-group">
										<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
										<a href="#">Add to cart</a>
										<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
									</div>
								</div>
							</div>
						</div>
						
						<div class="col-sm-6 col-md-4 col-lg-3">
							Product item
							<div class="product-item">
								<a href="product_detail.html">
									<img src="./images/8.jpg" alt="image">
								</a>
								<div class="product-caption">
									<h4 class="product-name">
										<a href="#">Red bell pepper</a>
									</h4>
									<div class="product-price-group">
										<span class="product-price">$64.00</span>
									</div>
									<div class="ht-btn-group">
										<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
										<a href="#">Add to cart</a>
										<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
									</div>
								</div>
							</div>
						</div>
						 -->
						
					</div>
				</div>
				<div role="tabpanel" class="tab-pane" id="tab-review">
				............
				</div>
			</div>
		</div>
	</div>
</div>


<!-- Testimonials 客户-->
<section class="text-center m-t-30">
	<div class="container">
		<div class="bg-img-1">
			<div class="row">
				<div class="col-sm-8 col-sm-offset-4">
					<div class="testimonials">
						<h3 class="title f-30">Testimonials</h3>
						<div class="owl" data-items="4" data-itemsDesktop="3" data-itemsDesktopSmall="2" data-itemsTablet="2" data-itemsMobile="1" data-transitionstyle="fade" data-singleItem="true" data-autoplay="true" data-pag="true" data-buttons="false">
							<div class="testimonial-item">
								<span><img src="./images/1.jpg" alt="image"></span>
								<p>ORANIC has freed up my time by delivering excellent quality fruit and veg to my doorstep. I couldn't buy the same quality or quantity for the same price anywhere else locally. It's a great service.</p>	
								<strong>Bec Stewart, Marketing Director</strong>
							</div>
							<div class="testimonial-item">
								<span><img src="./images/2.jpg" alt="image"></span>
								<p>After having ORGANIC deliver fruit and vegetables to my home, for about 10 years, I can unreservedly recommend them I appreciate the freshness, variety, convenience, and all round goodness Well done Wild Greens!</p>	
								<strong>Anneliese Whipp, Registered Nurse Como</strong>
							</div>
							<div class="testimonial-item">
								<span><img src="./images/3.jpg" alt="image"></span>
								<p>Fresh fruit and vegies, easy and reliable service, and always with a smile â highly recommended.</p>	
								<strong>Peter and Lisa . Balmain</strong>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>



<!-- Product slider-->
<!-- 开始特色菜 -->
<section class="text-center">
	<div class="container">
		<h3 class="title f-30">Featured</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>
		<div class="row">
			<div class="owl" data-items="4" data-itemsDesktop="3" data-itemsDesktopSmall="2" data-itemsTablet="2" data-itemsMobile="1" data-transitionstyle="backslide" data-singleItem="false" data-autoplay="false" data-pag="false" data-buttons="false">
				<div class="col-lg-12">
					<!-- Product item -->
					<div class="product-item">
						<a href="product_detail.html">
							<img src="./images/8.jpg" alt="image">
						</a>
						<div class="product-caption">
							<h4 class="product-name">
								<a href="#">Red bell pepper</a>
							</h4>
							<div class="product-price-group">
								<span class="product-price">$64.00</span>
							</div>
							<div class="ht-btn-group">
								<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
								<a href="#">Add to cart</a>
								<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-12">
					<!-- Product item -->
					<div class="product-item">
						<a href="product_detail.html">
							<img src="./images/9.jpg" alt="image">
						</a>
						<div class="product-caption">
							<h4 class="product-name">
								<a href="#">Strawberry</a>
							</h4>
							<div class="product-price-group">
								<span class="product-price">$6,00</span>
							</div>
							<div class="ht-btn-group">
								<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
								<a href="#">Add to cart</a>
								<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-12">
					<!-- Product item -->
					<div class="product-item">
						<a href="product_detail.html">
							<img src="./images/10.jpg" alt="image">
						</a>
						<div class="product-caption">
							<h4 class="product-name">
								<a href="#">Celery Leaf</a>
							</h4>
							<div class="product-price-group">
								<span class="product-price">$6,00</span>
							</div>
							<div class="ht-btn-group">
								<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
								<a href="#">Add to cart</a>
								<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-12">
					<!-- Product item -->
					<div class="product-item">
						<a href="product_detail.html">
							<img src="./images/11.jpg" alt="image">
						</a>
						<div class="product-caption">
							<h4 class="product-name">
								<a href="#">Orange</a>
							</h4>
							<div class="product-price-group">
								<span class="product-price">$64.00</span>
							</div>
							<div class="ht-btn-group">
								<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
								<a href="#">Add to cart</a>
								<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-12">
					<!-- Product item -->
					<div class="product-item">
						<a href="product_detail.html">
							<img src="./images/12.jpg" alt="image">
						</a>
						<div class="product-caption">
							<h4 class="product-name">
								<a href="#">Pear</a>
							</h4>
							<div class="product-price-group">
								<span class="product-price">$64.00</span>
							</div>
							<div class="ht-btn-group">
								<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
								<a href="#">Add to cart</a>
								<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-12">
					<!-- Product item -->
					<div class="product-item">
						<a href="product_detail.html">
							<img src="./images/22.jpg" alt="image">
						</a>
						<div class="product-caption">
							<h4 class="product-name">
								<a href="#">Fresh peas</a>
							</h4>
							<div class="product-price-group">
								<span class="product-price">$64.00</span>
							</div>
							<div class="ht-btn-group">
								<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
								<a href="#">Add to cart</a>
								<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-12">
					<!-- Product item -->
					<div class="product-item">
						<a href="product_detail.html">
							<img src="./images/14.jpg" alt="image">
						</a>
						<div class="product-caption">
							<h4 class="product-name">
								<a href="#">Pineapple</a>
							</h4>
							<div class="product-price-group">
								<span class="product-price">$64.00</span>
							</div>
							<div class="ht-btn-group">
								<a href="#" class="wishlist_btn"><i class="fa fa-heart-o"></i></a>
								<a href="#">Add to cart</a>
								<a href="#" class="compare_btn"><i class="fa fa-exchange"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="m-t-30">
	<div class="container text-center">
		<h3 class="title f-30">From Blog</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>	
		<div class="row m-t-30">
			<div class="owl" data-items="3" data-itemsDesktop="3" data-itemsDesktopSmall="2" data-itemsTablet="2" data-itemsMobile="1" data-transitionstyle="fade" data-singleItem="false" data-autoplay="false" data-pag="false" data-buttons="false">
				<div class="col-sm-12">
					<div class="blog-item m-b-0">
						<a href="#" class="blog-img">
							<img src="./images/banner1.jpg" alt="image">
						</a>	
						<div class="blog-caption">
							<ul class="blog-date">
								<li><i class="fa fa-clock-o"></i>Nov 04, 2016</li>
								<li><a href="#"><i class="fa fa-comments-o"></i>3</a></li>
							</ul>
							<h3 class="blog-heading"><a href="#">Growing Tomatoes, Peppers and Eggplants in Containers</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
							<a href="#" class="btn ht-btn ht-btn-1"><i class="fa fa-long-arrow-right"></i>Read more</a>
						</div>
					</div>
				</div><!--end blog-->
				<div class="col-sm-12">
					<div class="blog-item m-b-0">
						<a href="#" class="blog-img">
							<img src="./images/banner2.jpg" alt="image">
						</a>	
						<div class="blog-caption">
							<ul class="blog-date">
								<li><i class="fa fa-clock-o"></i>Nov 04, 2016</li>
								<li><a href="#"><i class="fa fa-comments-o"></i>3</a></li>
							</ul>
							<h3 class="blog-heading"><a href="#">Container Vegetables - Broccoli & Cauliflower</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
							<a href="#" class="btn ht-btn ht-btn-1"><i class="fa fa-long-arrow-right"></i>Read more</a>
						</div>
					</div>
				</div><!--end blog-->
				<div class="col-sm-12">
					<div class="blog-item m-b-0">
						<a href="#" class="blog-img">
							<img src="./images/banner3.jpg" alt="image">
						</a>	
						<div class="blog-caption">
							<ul class="blog-date">
								<li><i class="fa fa-clock-o"></i>Nov 04, 2016</li>
								<li><a href="#"><i class="fa fa-comments-o"></i>3</a></li>
							</ul>
							<h3 class="blog-heading"><a href="#">Growing Pole & Bush Beans</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
							<a href="#" class="btn ht-btn ht-btn-1"><i class="fa fa-long-arrow-right"></i>Read more</a>
						</div>
					</div>
				</div>
				<div class="col-sm-12">
					<div class="blog-item m-b-0">
						<a href="#" class="blog-img">
							<img src="./images/banner4.jpg" alt="image">
						</a>	
						<div class="blog-caption">
							<ul class="blog-date">
								<li><i class="fa fa-clock-o"></i>Nov 04, 2016</li>
								<li><a href="#"><i class="fa fa-comments-o"></i>3</a></li>
							</ul>
							<h3 class="blog-heading"><a href="#">Indeterminate Tomatoes</a></h3>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p>
							<a href="#" class="btn ht-btn ht-btn-1"><i class="fa fa-long-arrow-right"></i>Read more</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Process order -->
<section  class="process">
	<div class="container">
		<div class="row">
			<div class="col-sm-6 col-md-4">	
				<div class="media ht-media">
					<div class="media-left">
						<i class="fa fa-phone bg-6"></i>
					</div>
					<div class="media-body">
						<h5 class="media-heading">Support 24/7: 0123-456-789</h5>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-md-4">	
				<div class="media ht-media">
					<div class="media-left">
						<i class="fa fa-truck bg-2"></i>
					</div>
					<div class="media-body">
						<h5 class="media-heading">Free shipping on all orders</h5>
					</div>
				</div>
			</div>
			<div class="col-sm-6 col-md-4">	
				<div class="media ht-media">
					<div class="media-left">
						<i class="fa fa-undo bg-3"></i>
					</div>
					<div class="media-body">
						<h5 class="media-heading">100% money back guarantee</h5>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- Footer -->
<footer class="color-inher">
	<div class="footer-top">
		<div class="container">
			<div class="row">
				<div class="col-sm-3 m-b-xs-30">
					<h3 class="title">Infomation</h3>
					<ul>
						<li><a href="#">About Us</a></li>
						<li><a href="#">Delivery Information</a></li>
						<li><a href="#">Privacy Policy</a></li>
						<li><a href="#">Terms & Conditions</a></li>
					</ul>
				</div>
				<div class="col-sm-3 m-b-xs-30">
					<h3 class="title">My Account</h3>
					<ul>
						<li><a href="#">My Account</a></li>
						<li><a href="#">Order History</a></li>
						<li><a href="#">Wish List</a></li>
						<li><a href="#">Guide use</a></li>
					</ul>
				</div>
				<div class="col-sm-3 m-b-xs-30">
					<h3 class="title">Extras</h3>
					<ul>
						<li><a href="#">Brands</a></li>
						<li><a href="#">Gift Vouchers</a></li>
						<li><a href="#">Affiliates</a></li>
						<li><a href="#">Specials</a></li>
					</ul>
				</div>
				<div class="col-sm-3 m-b-xs-30">
					<h3 class="title">Customer Service</h3>
					<ul>
						<li><a href="#">Contact Us</a></li>
						<li><a href="#">Returns</a></li>
						<li><a href="#">Site Map</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="footer-bottom">
		<div class="container">
			<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
		</div>
	</div>
</footer>

</body>
</html>